<template>
	<view class="content">
		<view class="footer">
			<view class="foot"  v-for="(item,index) in footList" :key="index" @click="getUrl(item.url)">
				<image :src="item.img"></image>
				<view>{{item.txt}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				footList:[
					{img:'/static/img/pro-index.png',txt: '首页',url:'provider'},
					{img:'/static/img/pto-jieshao.png',txt: '商家介绍',url:'provider'},
					{img:'/static/img/pro-shezhi.png',txt: '商家设置',url:'provider'}
				]
			}
		},
		methods: {
			getUrl(url){
				console.log(url);
				uni.navigateTo({
					url:url
				})
			},
		}
	}
</script>

<style>
.content{
	.footer{
		width: 100%;
		height: 100upx;
		background-color: #fff;
		display: flex;
		justify-content: space-between;
		position: fixed;
		bottom: 0;
		.foot{
			width: 33.3%;
			text-align: center;
			font-size: 24upx;
			padding-top: 10upx;
			image{
				width: 42upx;
				height: 40upx;
			}
		}
	}
}
</style>
